<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>BankMobile - Accounts</title>
	<link rel="stylesheet"  href="css/jQuery.mobile-1.0.min.css" />
	<link rel="stylesheet"  href="css/style.css" />
</head>
<body onload="init()">
 
	<div id="loginPage" data-role="page">

    <div data-role="header">
    	<ul class="breadcrumb">
			<li><a href="#">Home</a></li>
			<li><a href="#">Vehicles</a></li>
		</ul>
        
        <h1>Connexion</h1>
    </div>

   	<div data-role="content">    

        <form id="loginForm">
        <div data-role="fieldcontain" class="ui-hide-label">
            <label for="username">e-mail</label>
            <input type="text" name="username" id="username" value="" placeholder="Username" />
        </div>

        <div data-role="fieldcontain" class="ui-hide-label">
            <label for="password">Mot de passe</label>
            <input type="password" name="password" id="password" value="" placeholder="Password" />
        </div>

        <input type="submit" value="Login" id="submitButton">
        </form>
        
    </div>

    <div data-role="footer" data-position="fixed">
        <h4>&copy; Camden Enterprises</h4>
    </div>

</div>
<script>
 $("#loginPage").live("pageinit", function(e) {
        checkPreAuth();
    });
</script>
 	<script type="text/javascript" charset="utf-8" src="js/main.js"></script>
	<script src="js/jQuery.min.js"></script>
	<script src="js/jQuery.mobile-1.0.min.js"></script>
</body>
</html>